import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Von from '@/components/Von'
import DifferentialExpression from '@/components/DifferentialExpression'
import Vcloak from '@/components/Vcloak'
import Vbind from  '@/components/Vbind'
import Vmodel from '@/components/Vmodel'
import Vfor from '@/components/Vfor'
import Vshow from '@/components/Vshow'
import Directive from '@/components/Directive'
import Filter from '@/components/Filter'
import DemoDay1 from '@/components/DemoDay1'
import DemoDay2 from '@/components/DemoDay2'
import Account from '@/components/Account'
import Props from '@/components/Props'
import Elref from '@/components/Elref'
import Lifecyclehooks from '@/components/Lifecyclehooks'
import Animation from '@/components/Animation'
import Get from '@/components/Get'
import Watch from '@/components/Watch'
import Login from '@/components/account/Login'
import Register from '@/components/account/Register'
import Home from '@/components/Home'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path:'/',
      name: 'Home',
      component: Home
    },
    {
      path: '/helloworld',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path:'/v-on',
      name: 'Von',
      component: Von
    },
    {
      path:'/difexp',
      name: 'DifferentialExpression',
      component: DifferentialExpression
    },
    {
      path:'/v-cloak',
      name: 'Vcloak',
      component: Vcloak
    },
    {
      path:'/v-bind',
      name: 'Vbind',
      component: Vbind
    },
    {
      path:'/v-model',
      name: 'Vmodel',
      component: Vmodel
    },
    {
      path:'/v-for',
      name: 'Vfor',
      component: Vfor
    },
    {
      path:'/v-show',
      name: 'Vshow',
      component: Vshow
    },
    {
      path:'/directive',
      name: 'Directive',
      component: Directive
    },
    {
      path:'/filter',
      name: 'Filter',
      component: Filter
    },
    {
      path:'/demoday1',
      name: 'DemoDay1',
      component: DemoDay1
    },
    {
      path:'/demoday2',
      name: 'DemoDay2',
      component: DemoDay2
    },
    {
      path:'/account',
      name:'Account',
      component:Account
    },
    {
      path:'/props',
      name:'Props',
      component:Props
    },
    {
      path:'/elref',
      name:'Elref',
      component:Elref
    },
    {
      path:'/lifecyclehooks',
      name:'Lifecyclehooks',
      component:Lifecyclehooks
    },
    {
      path:'/animation',
      name:'Animation',
      component:Animation
    },
    {
      path:'/get',
      name:'Get',
      component:Get
    },
    {
      path:'/watch',
      name:'Watch',
      component:Watch
    },
    {
      path:'/login',
      name:'Login',
      component:Login
    },
    {
      path:'/register',
      name:'Register',
      component:Register
    }
  ]
})
